@import "./index.scss";
@import "./element-ui.scss";

.content {
  border-radius: 20px;
  background-color: pink;
  padding: 20px;
  min-height: 166px;
  display: flex;
  flex-direction: column;
  background: #e9f3ff;
  background-image: url(),url(http://likede2-admin.itheima.net/img/task.66b715b7.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 0 0,calc(100% - 12px) 100%;
  .title {
    font-size: 16px;
    font-weight: 600;
    color: #333;

  }

  .time {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-left: 10px;
  }

  .body {
    display: flex;
    flex: 1;
    align-items: center;
    height: 100%;

    .stats {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      .num {
        height: 50px;
        font-size: 36px;
        text-shadow: 2px 4px 7px rgb(85 132 255 / 50%);
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        line-height: 50px;
        color: #072074;
      }

      .text {
        height: 17px;
        margin-top: 3px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #91a7dc;
        line-height: 17px;
      }
    }
  }
}